<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=1" name="viewport">
<link href="Public/css/swiper.min.css" rel="stylesheet">
<script src="Public/js/swiper.min.js"></script>
<link href="Public/css/Introduction.css" rel="stylesheet">
<title>甜心100微信小程序开发，联系QQ：356544983</title>
</head>

<body>
	<div class="container1">
		<div class="conbox">
			<img src="Public/images/pro.png" class="pro">
			<div class="text">
				<h3 class="h3">点餐系统项目介绍</h3>
				<p class="lx">联系QQ：356544983</p>
			</div>
		</div>
	</div>
	<div class="container2">
		<p class="h5">目录</p>
		<div class="bigbox">
			<div class="con2">
				<a href="#1" class="a1">一&nbsp;&nbsp;产品介绍</a>
			</div>
			<div class="con2">
				<a href="#2" class="a1">二&nbsp;&nbsp;使用流程</a>
				<a href="#2.1" class="a2">2.1&nbsp;&nbsp;查看状态下两种状态</a>
				<a href="#2.1.1" class="a3">2.1.1&nbsp;&nbsp;有桌位状态</a>
				<a href="#2.1.2" class="a3">2.1.2&nbsp;&nbsp;无桌位状态</a>
				<a href="#2.1.3" class="a3">2.1.3&nbsp;&nbsp;排队与预约状态</a>
				<a href="#2.2" class="a2">2.2&nbsp;&nbsp;就餐操作指南</a>
				<a href="#2.3" class="a2">2.3&nbsp;&nbsp;用餐结束</a>
				<a href="#2.4" class="a2">2.4&nbsp;&nbsp;其他功能</a>
			</div>
			<div class="con3">
				<a href="#3" class="a1">三&nbsp;&nbsp;后台介绍</a>
				<a href="#3.1" class="a2">3.1&nbsp;&nbsp;会员管理系统</a>
				<a href="#3.2" class="a2">3.2&nbsp;&nbsp;会员等级</a>
				<a href="#3.3" class="a2">3.3&nbsp;&nbsp;菜单管理</a>
				<a href="#3.4" class="a2">3.4&nbsp;&nbsp;评论查看</a>
				<a href="#3.5" class="a2">3.5&nbsp;&nbsp;促销管理</a>
				<a href="#3.6" class="a2">3.6&nbsp;&nbsp;消息提醒</a>
				<a href="#3.7" class="a2">3.7&nbsp;&nbsp;桌位管理</a>
				<a href="#3.8" class="a2">3.8&nbsp;&nbsp;预约排队管理</a>
				<a href="#3.9" class="a2">3.9&nbsp;&nbsp;订单管理界面</a>
				<a href="#3.10" class="a2">3.10&nbsp;&nbsp;统计界面</a>
			</div>
		</div>
	</div>
	<div class="container3">
		<div class="conbox" id="1">
			<h3>一&nbsp;&nbsp;产品介绍</h3>
			<p>
				该产品是主要用于餐馆的预约、排队、扫码点餐、支付和评价一体流程的点餐系统。小程序端支持多人点餐、呼叫服务、饭店导航拨号、查看饭店用餐状态、预约、排队、微信支付、现金支付、评价、使用优惠劵以及会员卡等功能。
			</p>
			<p>
				强大的后台管理系统，可以添加餐品、餐位管理、订单管理、语音实时播报、促销管理、预约排队管理、以及强大的统计报表、分析市场流向、会员动态以及营业额统计。
			</p>
		</div>
	</div>
	<div class="container4">
		<div class="conbox" id="2">
			<div class="ct">
				<h3>二&nbsp;&nbsp;使用流程</h3>
			</div>
			<div class="swiperbox">
				<div class="swiper1" id="2.1">
					<div class="textbox">
						<h5>2.1&nbsp;&nbsp;查看状态下两种状态</h5>
						<p></p>
					</div>
					<div class="clearfix"></div>
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/pro.png"></div>
								<div class="swiper-slide"><img src="Public/images/pro.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
				</div>
				<div class="swiper1" id="2.1.1">
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/pro.png"></div>
								<div class="swiper-slide"><img src="Public/images/pro.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
					<div class="textbox">
						<h5>2.1.1&nbsp;&nbsp;有桌位状态</h5>
						<p>有空闲桌位状态时，用户只能进行预约动作(需要支付一定金额)，不能进行排队动作。</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="swiper1" id="2.1.2">
					<div class="textbox">
						<h5>2.1.2&nbsp;&nbsp;无桌位状态</h5>
						<p>无桌位状态时，用户可以进行预约和排队两种动作。</p>
					</div>
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/pro.png"></div>
								<div class="swiper-slide"><img src="Public/images/pro.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="swiper1" id="2.1.3">
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/pro.png"></div>
								<div class="swiper-slide"><img src="Public/images/pro.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
					<div class="textbox">
						<h5>2.1.3&nbsp;&nbsp;排队与预约状态</h5>
						<p>在排队和预约状态可以选好菜，以节省时间，方便用餐</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="swiper1" id="2.2">
					<div class="textbox">
						<h5>2.2&nbsp;&nbsp;就餐餐操作指南</h5>
						<p></p>
					</div>
					<div class="clearfix"></div>
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/pro.png"></div>
								<div class="swiper-slide"><img src="Public/images/pro.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
				</div>
				<div class="swiper1" id="2.3">
					<div class="clearfix"></div>
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/pro.png"></div>
								<div class="swiper-slide"><img src="Public/images/pro.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
					<div class="textbox">
						<h5>2.3&nbsp;&nbsp;用餐结束</h5>
						<p>用餐结束，客户可以进行评价。</p>
					</div>
				</div>
				<div class="swiper1" id="2.4">
					<div class="textbox">
						<h5>2.4&nbsp;&nbsp;其他功能</h5>
						<p></p>
					</div>
					<div class="clearfix"></div>
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/pro.png"></div>
								<div class="swiper-slide"><img src="Public/images/pro.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="container5">
		<div class="conbox" id="3">
			<div class="ct">
				<h3>三&nbsp;&nbsp;后台介绍</h3>
			</div>
			<div class="swiperbox">
				<div class="swiper1" id="3.1">
					<div class="textbox">
						<h5>3.1&nbsp;&nbsp; 会员管理系统</h5>
						<p>会员管理系统，查看管理小程序会员，可以进行模糊查询会员。</p>
					</div>
					<div class="clearfix"></div>
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
				</div>
				<div class="swiper1" id="3.2">
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
					<div class="textbox">
						<h5>3.2&nbsp;&nbsp;会员等级</h5>
						<p>会员等级，不同等级不同的订单打折功能，可以修改以及完善。</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="swiper1" id="3.3">
					<div class="textbox">
						<h5>3.3&nbsp;&nbsp;菜单管理</h5>
						<p>菜品管理界面，可以上架已经维护菜品。</p>
					</div>
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="swiper1" id="3.4">
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
					<div class="textbox">
						<h5>3.4&nbsp;&nbsp;评论查看</h5>
						<p>后台可以查看小程序端的评论。</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="swiper1" id="3.5">
					<div class="textbox">
						<h5>3.5&nbsp;&nbsp;促销管理</h5>
						<p>促销管理，可以添加优惠劵类型，方便店家发放优惠劵。</p>
					</div>
					<div class="clearfix"></div>
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
				</div>
				<div class="swiper1" id="3.6">
					<div class="clearfix"></div>
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
					<div class="textbox">
						<h5>3.6&nbsp;&nbsp;消息提醒</h5>
						<p>消息提醒，当小程序呼叫服务员，加米饭，加水操作时候会出现消息，只有点击阅读的时候，才取消提醒。</p>
					</div>
				</div>
				<div class="swiper1" id="3.7">
					<div class="textbox">
						<h5>3.7&nbsp;&nbsp;桌位管理</h5>
						<p>座位管理，可以查看排队人数，以及餐桌类型和添加餐桌。</p>
					</div>
					<div class="clearfix"></div>
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
				</div>
				<div class="swiper1" id="3.8">
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
					<div class="textbox">
						<h5>3.8&nbsp;&nbsp;预约排队管理</h5>
						<p>预约排队管理，可以看到预约信息，可以安排座位等动作。</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="swiper1" id="3.9">
					<div class="textbox">
						<h5>3.9&nbsp;&nbsp;订单管理界面</h5>
						<p></p>
					</div>
					<div class="clearfix"></div>
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
				</div>
				<div class="swiper1" id="3.10">
					<div class="clearfix"></div>
					<div class="swiper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
								<div class="swiper-slide"><img src="Public/images/ht.png"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
					<div class="textbox">
						<h5>3.10&nbsp;&nbsp;统计界面</h5>
						<p></p>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<script>
		var swiper = new Swiper('.swiper-container', {
			pagination: '.swiper-pagination',
			paginationClickable: true,
			centeredSlides: true,
			loop:true,
			autoplayDisableOnInteraction: false,
			autoHeight: true, 
		});
	</script>
</body>
</html>
